@charset "utf-8";
/* CSS Document */

body {
	background-color:#0e0e0e;
	margin:0px;
	padding:0px;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
}
*, html {
	margin:0px;
	padding:0px;
	outline:none;
}
div, ul, li, span, p, blockquote, h1, h2, h3, h4, h5, h6, img, a {
	margin:0px;
	padding:0px;
	outline:none;
	border:none;
}
.wrapper {
	width:100%;
}
.header {
	width:100%;
	background:url(../images/hdBg.jpg) repeat-x left top;
	height:103px;
	overflow:hidden;
}
.headerInside {
	width:960px;
	margin:0px auto;
	overflow:hidden;
}
.logo {
	float:left;
	width:176px;
	padding:24px 0px 0px 0px;
}
.logo h1 {
	width:176px;
	height:46px;
}
.logo h1 a {
	background:url(../images/logoHOC-trans.png) no-repeat left top;
	width:176px;
	height:46px;
	clear:both;
	display:block;
	position:relative;
}
.logo h1 a span {
	display:none;
}
.searchBar {
	float:left;
	padding:0px 0px 0px 280px;
}
.searchBox {
	background:url(../images/serchBg-trans.png) no-repeat left top;
	width:343px;
	height:51px;
	padding:14px 0px 0px 0px;
}
.searchLabel {
	display:block;
	float:left;
	padding:0px 10px;
}
.searchLabel label {
	font-size:16px;
	text-transform:capitalize;
	font-weight:bold;
	color:#fff;
	width:77px;
}
.searchInputBox {
	background:url(../images/inputBox.png) no-repeat left top;
	width:207px;
	height:25px;
	float:left;
	padding:0px 0px 0px 10px;
}
.searchInputBox input {
	border:none;
	width:180px;
	height:22px;
	font-size:12px;
	color:#000;
	background:none;
}
.searchSubmitBtn {
	width:46px;
	height:25px;
	float:left;
}
.searchSubmitBtn input.customBtn {
	background:none;
	background:url(../images/bttnGo.jpg) no-repeat left top;
	width:46px;
	height:25px;
	border:none;
	cursor:pointer;
}
.loginDetailBox {
	float:left;
	padding:0px 0px 0px 12px;
}
.loginInside {
	float:left;
	overflow:hidden;
	width:143px;
}
.topLogin {
	clear:both;
	overflow:hidden;
	width:143px;
}
.loginIcon {
	padding:0px 2px 0px 0px;
	width:63px;
	height:31px;
	float:left;
}
.loginIcon a {
	display:block;
	background:url(../images/loginBtn-trans.png) no-repeat left top;
	width:63px;
	height:31px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	height:30px;
	line-height:27px;
	text-decoration:none;
	text-align:center;
}
.registerIcon {
	float:left;
	width:77px;
	height:31px;
}
.registerIcon a {
	background:url(../images/registerBtn-trans.png) no-repeat left top;
	width:77px;
	height:31px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	color:#fff;
	height:30px;
	line-height:27px;
	text-decoration:none;
	text-align:center;
}
.checkInOut {
	clear:both;
	overflow:hidden;
	width:143px;
	padding:10px 0px 0px 0px;
}
.cartBag {
	float:left;
	width:28px;
	height:31px;
}
.checkDetails {
	float:left;
	padding:0px 0px 0px 5px;
}
.checkDetailContent {
	clear:both;
}
.checkDetailContent a {
	color:#fff;
	font-weight:normal;
	font-size:16px;
	text-decoration:none;
}
.itemPriceInfo {
	clear:both;
	overflow:hidden;
}
.itemPriceDetail {
	float:left;
	padding:0px 3px;
	text-decoration:none;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	height:18px;
	line-height:18px;
}
.highlight {
	font-size:10px;
	font-weight:bold;
	color:#c8015b;
	padding:0px 5px 0px 0px;
	background:url(../images/sep.png) no-repeat right 3px;
	text-decoration:underline;
}
.navOuterWraper {
	background:url(../images/navBg.jpg) repeat-x left top;
	height:40px;
	clear:both;
}
.navInside {
	width:960px;
	margin:0px auto;
	xoverflow:hidden;
}
.shopBtn {
	float:right;
	width:107px;
	height:31px;
	padding:10px 0px 0px 0px;
}
.shopBgBtn {
	background:url(../images/btnShop.jpg) no-repeat bottom left;
	width:107px;
	height:31px;
}
.shopBgBtn p {
	color:#888;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	height:31px;
	line-height:34px;
}
.banner {
	width:100%;
	clear:both;
	overflow:hidden;
	height:353px;
	background:url(../images/bannerBg.jpg) repeat-x left top;
}
.bannerInside {
	clear:both;
	overflow:hidden;
	width:960px;
	margin:0px auto;
}
.bannerLeft {
	float:left;
	width:700px;
	overflow:hiddenl
}
.shopCat {
	padding:10px 0px 0px 10px;
	width:250xp;
	float:left;
	overflow:hidden;
}
.shopHead {
	clear:both;
	overflow:hidden;
	width:250px;
	height:29px;
	background:url(../images/bgHead.jpg) no-repeat left top;
}
.shopHead ul {
	list-style-type:none;
}
.shopHead ul li {
	text-transform:uppercase;
	font-size:12px;
	padding:0px 15px;
	float:left;
	height:29px;
	line-height:27px;
}
.shopHead ul li:hover {
	background:url(../images/hoverhead.jpg) no-repeat left top;
	height:29px;
}
.shopHead ul li a {
	color:#8b8b8b;
	text-decoration:none;
}
.shopHead ul li a:hover {
	color:#fff;
}
.shopCatSection {
	clear:both;
	height:278px;
	width:220px;
	background:url(../images/repeatBg.jpg) repeat-x left top;
	padding:15px 15px 0px 15px;
	overflow:hidden;
}
.prodctWraper {
	clear:both;
	overflow:hidden;
	padding:0px 0px 15px 0px;
}
.prodImg {
	float:left;
	width:66px;
	height:73px;
	overflow:hidden;
}
.prodContent {
	padding:0px 0px 0px 15px;
	float:left;
	overflow:hidden;
}
.prodContent p {
	color:#767676;
	font-size:11px;
}
.container {
	width:960px;
	margin:0px auto;
	overflow:hidden;
	clear:both;
	padding:25px 0px;
}
.banner1 {
	float:left;
	overflow:hidden;
	padding:0px 20px 0px 0px;
}
.banner2 {
	float:left;
	overflow:hidden;
	padding:0px 20px 0px 0px;
}
.banner3 {
	float:left;
	overflow:hidden;
}
.leftPanel {
	width:239px;
	overflow:hidden;
	clear:both;
	float:left;
}
.categories {
	width:239px;
	overflow:hidden;
}
.categories h2 {
	display:block;
	clear:both;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 0 15px 0;
}
.categories ul {
	margin:0px;
	padding:0px;
	display:block;
	padding-bottom:50px;
}
.categories ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:25px;
	padding:0 0 0 15px;
	background:url(../images/bullet.jpg) no-repeat left 8px;
}
.categories ul li a {
	text-decoration:none;
	color:#FFFFFF;
}
.categories ul li a:hover {
	color:#888;
}
.rightPanel {
	width:681px;
	overflow:hidden;
	float:right;
	padding:10px 20px 0 20px;
	background:#fff;
}
.rightPanel span {
	display:block;
	padding:0 0 25px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}
.sortwrap {
	width:701px;
	clear:both;
	overflow:hidden;
	padding:0 0 25px 0;
}
.sortwrap span {
	padding:5px 5px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.sort {
	width:160px;
	height:20px;
	border:1px solid #666666;
	float:left;
}
.sortText {
	width:52px;
	float:left;
	text-transform:uppercase;
}
.size {
	width:335px;
	clear:both;
	display:block;
	float:left;
	padding:20px 0 0 0;
}
.size label {
	padding:0 10px 0 0;
	font-weight:bold;
}
.availcolor {
	width:701px;
	clear:both;
	overflow:hidden;
}
.space {
	float:left;
	padding:5px 10px 0 0;
}
.page {
	float:right;
	font-size:11px;
	padding: 0 35px;
}
.product {
	width:701px;
	clear:both;
	overflow:hidden;
}
.prodDetail {
	padding:25px 0 0 0;
}
.prodViewWrap {
	width:701px;
	clear:both;
	overflow:hidden;
}
.prodView {
	width:328px;
	overflow:visible;
	display:block;
	margin:0px;
	padding:0px 20px 50px 0;
	float:left;
}
.items {
	width:207px;
	float:left;
	padding:0 24px 30px 0;
}
.imgIcon {
	width:328px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
.info {
	width:350px;
	overflow:hidden;
	float:left;
}
.info h4, p, .tag {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#606060;
	line-height:32px;
}
.extra {
	line-height:18px;
	width:325px;
	padding:5px 0 5px 0;
}
.items h3 {
	font-weight:bold;
	padding:15px 0 0 0;
}
.bold {
	font-weight:bold;
}
.items p {
	font-weight:normal;
	line-height:18px;
}
.color {
	color:#393939;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.padd {
	padding-top:5px;
}
.cartWrap {
	width:335px;
	clear:both;
	overflow:hidden;
}
.share {
	float:left;
	display:block;
	padding:0 50px 0 0;
}
.float {
	float:left;
}
.gap {
	padding:0 5px 0 0;
}
.gap2 {
	padding:10px 10px 10px 0;
}

.tabcontainWrap{
width:701px;
clear:both;
overflow:hidden;
background:red;
min-height:500px
}

.tabcontainWrap p{
width:701px;
color:#fff;

}
.footer {
	width:100%;
	clear:both;
	overflow:hidden;
	height:116px;
	background:#000;
	padding:0px 0px 20px 0px;
}
.footInside {
	clear:both;
	width:960px;
	overflow:hidden;
	margin:0px auto;
}
.footMenu {
	clear:both;
	overflow:hidden;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #151515;
	width:960px;
}
.footMenu ul {
	list-style-type:none;
	display:block;
	width:750px;
	margin:0px auto;
}
.footMenu ul li {
	height:40px;
	text-transform:uppercase;
	padding:0px 20px;
	float:left;
	font-size:10px;
	line-height:40px;
}
.footMenu ul li a {
	color:#fff;
	text-align:center;
	text-decoration:none;
}
.footMenu ul li a:hover {
	color:#888;
}
.footLogo {
	float:left;
	overflow:hidden;
	padding-top:10px;
}
.newsletterBox {
	float:left;
	overflow:hidden;
	padding:0px 0px 0px 175px;
	padding-top:10px;
}
.newsletterBox h6 {
	font-size:11px;
	font-weight:bold;
	text-transform:capitalize;
	color:#fff;
	clear:both;
	height:24px;
	line-height:24px;
}
.newsletterBox input[type=text] {
	background:#3a3a3a;
	display:block;
	width:165px;
	border:none;
	height:29px;
	float:left;
	padding:0px 10px;
	color:#999;
	font-style:italic;
}
.newsletterBox input.submitBtn {
	background:url(../images/submitBtn.jpg) no-repeat left top;
	width:26px;
	height:29px;
	display:block;
	float:left;
	cursor:pointer;
	outline:none;
}
.followUs {
	float:right;
	overflow:hidden;
	padding:10px 0px 0px 70px;
}
.followUsBox {
	background:url(../images/bgfolow.jpg) no-repeat left top;
	width:241px;
	height:30px;
	padding:13px 0px 0px 0px;
}
.subhead {
	padding:0px 10px 0px 15px;
	font-size:14px;
	font-weight:bold;
	color:#313131;
	float:left;
}
.icon {
	float:left;
}
.paddRight {
	padding:0px 10px 0px 0px;
}
.designBy {
	clear:both;
	color:#444;
	font-size:12px;
	padding:10px 0px 0px 0px;
	text-align:right;
}

.bannerLeft .feture-img{
	float:left;
	padding: 10px 30px 10px 10px;
}

.bannerLeft h2{
	padding: 10px 0px;
	color:#FFF;
	font-weight:bold;
	font-size:30px;
	text-transform:uppercase;
}

.bannerLeft p{
	line-height:20px;	
	text-transform:uppercase;
	font-size: 14px;
	padding-bottom:20px;
}
span.st_sharethis_custom{
	cursor:pointer;	
	padding: 0px;
}

#system-message{ padding:20px;}